﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <link href="Styles/LoginMenuStyle.css" rel="stylesheet" />
    <script src="Scripts/jquery-2.0.2.js"></script>
    <script src="Scripts/class.js"></script>
    <script src="Scripts/cryptojs-sha1.js"></script>
    <script src="Scripts/http-requester.js"></script>
    <script src="Scripts/data-persister.js"></script>
    <script src="Scripts/ui.js"></script>
    <script src="Scripts/ui-controller.js"></script>
        
    </head>
    <body>
        <div
            pub-key="pub-c-8732a243-e6e0-4535-806e-438e41e5bc8e"
            sub-key="sub-c-bb3d3f48-0590-11e3-a005-02ee2ddab7fe"
            ssl="on" origin="pubsub.pubnub.com" id="pubnub">
        </div>

        <script src=http://cdn.pubnub.com/pubnub-3.5.3.min.js></script>
        
        <script>
            (function () {
                PUBNUB.subscribe({
                    channel: "monster",
                    callback: function (data) {
                        var current = $('#messages-container').html();
                        $('#messages-container').html(current + '<p><strong>' + data.SenderName + '</strong> :    ' + data.Text + '</p>');

                    }
                });
            })();
        </script>
        <div id="big-wrapper">
            <div id="header-holder">
                <div id="hello-user-holder"></div>
                <h1>Monster Chat</h1>
            </div>
            <div id="wrapper"></div>
        </div>
       
    </body>
</html>